import React, { Component } from 'react';
import '../styles/MyTabbar.scss'
import pic1 from '../assets/05.gif'
import pic2 from '../assets/06.gif'
import pic3 from '../assets/07.gif'
import pic4 from '../assets/09.gif'
import pic5 from '../assets/11.gif'






class MyTabbar extends Component {
    constructor(props){
        super(props);
        this.state = { 
            list:[
                { pic:pic1,text:'店铺' },
                { pic:pic2,text:'分类' },
                { pic:pic3,text:'全部商品'},
                { pic:pic4,text:'购物车'},
                { pic:pic5,text:'个人中心'},
            ]
        }
    }
    render() {
        return (
            <div className='tabbar'>
                {
                    this.state.list.map((item,index)=>{
                        return (
                            <div className="item" key={index}>
                                <div className='tu'><img src={item.pic} alt="" /></div>
                                <div className="text">{item.text}</div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default MyTabbar;